string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=319525&expand=properties"
string(16764) "[{"templateId":319525,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"AgencyPro - Digital Agency HTML Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for AgencyPro - Digital Agency HTML Template #319525","typeShortName":"Website","templatePreviewFBTitle":"<h2>AgencyPro - Digital Agency HTML Template</h2><p>Are you searching for a reliable digital agency HTML template for your website? Look no further than AgencyPro. Our HTML template is built on the latest Bootstrap 5.x framework, which guarantees maximum compatibility with modern web technologies. With its user-friendly interface, responsive layout, and all valid HTML5 files, AgencyPro is the perfect solution for your digital agency website needs.In today's digital world, having a visually appealing and user-friendly website is crucial for any business looking to establish an online presence. With the increasing demand for web development services, digital agencies are constantly seeking ways to enhance their web design and development processes. AgencyPro, a Digital Agency HTML Template, offers a solution to this challenge with its Bootstrap 5.x Framework, user-friendly interface, responsive layout, and all-valid HTML5 files.</p><p>HTML templates are pre-designed web pages that can be customized to suit your specific needs. AgencyPro is a digital agency template designed for web development agencies that want to create stunning websites for their clients. With AgencyPro, you don't have to start from scratch; the template provides you with pre-designed pages and sections that you can customize to meet your clients' needs. This template is optimized for SEO and mobile-friendly, making it an excellent choice for digital agencies looking to create high-quality websites.</p><h3>Bootstrap 5.x Framework:</h3><p>One of the main features of AgencyPro is its use of Bootstrap 5.x Framework. Bootstrap is a popular HTML, CSS, and JavaScript framework used for developing responsive and mobile-first websites. The framework provides you with a set of tools and guidelines that help you create a website that is compatible with all devices and browsers. AgencyPro uses Bootstrap 5.x, the latest version of the framework, which is optimized for modern web development practices.</p><h3>User-Friendly Template</h3><p>Another key feature of AgencyPro is its user-friendly interface. The template is designed to be easy to use, even for those without any prior web development experience. With AgencyPro, you can create stunning websites without having to spend hours learning how to use complicated web design software. The template is highly customizable, allowing you to add your own branding, content, and images. Additionally, AgencyPro provides you with detailed documentation and support, making it easy to get started with the template.</p><h3>Responsive Layout</h3><p>In today's mobile-first world, having a website that is optimized for mobile devices is crucial. AgencyPro is designed to be responsive, meaning it adapts to the size of the screen on which it is viewed. This ensures that your website looks great on all devices, including desktops, tablets, and smartphones. Additionally, responsive design is a crucial factor for Google when it comes to ranking websites in search engine results pages (SERPs).</p><h3>All Valid HTML5 Files</h3><p>Finally, AgencyPro is built using all valid HTML5 files. This means that the template is optimized for search engines and provides a solid foundation for your website's SEO efforts. Valid HTML5 code also ensures that your website is accessible and usable for all users, regardless of their device or browsing preferences.</p><h3>Full Features List</h3><ul><li>Unique Home pages including Dark and Light Version</li><li>16+ Inner pages</li><li>Based on Bootstrap 5.x</li><li>100% Responsive</li><li>Flat, modern and clean design.</li><li>Retina Ready.</li><li>SEO on-page optimized.</li><li>SCSS. file.</li><li>UX ready.</li><li>Touch Friendly.</li><li>Integrated google maps.</li><li>Typography</li><li>W3C Validate Code</li><li>Sticky Menu</li><li>Full UI Kit elements with lots of features</li><li>Clean and commented code</li><li>Valid HTML5 / CSS3</li><li>HTML & CSS & JS files are included</li><li>24/7 Awesome Support</li><li>Detailed documentation</li></ul><h3><strong>Sources and Credits </strong></h3><ul><li>jQuery</li><li>bootstrap</li><li>progressbar</li><li>swiper js</li><li>counterup</li><li>animate</li><li>wow</li></ul><h3>FAQs:</h3><p><strong>Q1. Is the AgencyPro template customizable?</strong></p><p>Yes, AgencyPro is highly customizable, allowing you to add your branding, content, and images.</p><p><strong>Q2. Does AgencyPro come with documentation and support?</strong></p><p>Yes, AgencyPro provides you with detailed documentation and support, making it easy to get started with the template.</p><p><strong>Q3. Is the AgencyPro template responsive?</strong></p><p>Yes, AgencyPro is designed to be responsive, ensuring that your website looks great on all devices.</p><p><strong>Q4. What is Bootstrap 5.x Framework?</strong></p><p>Bootstrap 5.x Framework is a popular HTML, CSS, and JavaScript framework used for developing responsive and mobile-first websites.</p><p><strong>Q5. Why is valid HTML5 code important?</strong></p><p>Valid HTML5 code is essential for SEO and ensures that your website is</p><h3><br></h3>","templateFullTitle":"AgencyPro - Digital Agency HTML Template","templatePreviewMetaDescription":"AgencyPro - Digital Agency HTML TemplateAre you searching for a reliable digital agency HTML template for your website? Look no further than AgencyPro. Our","templateDemoMetaDescription":"Prior to buying it, get knowledgeable about the AgencyPro - Digital Agency HTML Template Website Template (#319525) by enjoying the live preview. Go through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"AgencyPro - Digital Agency HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/agencypro-digital-agency-html-template-319525.html","userRating":0,"designIndex":1,"authorUserId":"78086583","exclusive":"1","state":1,"price":49,"inserted_date":"2023-03-02","sent":0,"downloads":0,"search_words":"agency agency html template agency website template best agency html template design agency design studio digital agency html digital marketing agency modern agency startup agency template unique web design agency financial consulting marketing","is_adult":0,"exc_price":2100,"sent_date":"2023-03-02 13:54:17","last_upload":"2023-03-02 14:14:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"319525-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319525,"width":1600,"window_params":"","banner_url":"","id":3024369,"href":"","height":1000},{"scr_type_id":311,"filename":"319525-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319525,"width":1600,"window_params":"","banner_url":"","id":3024370,"href":"","height":1000},{"scr_type_id":312,"filename":"319525-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319525,"width":370,"window_params":"","banner_url":"","id":3024371,"href":"","height":370},{"scr_type_id":9,"filename":"319525-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319525,"width":145,"window_params":"","banner_url":"","id":3024372,"href":"","height":156},{"scr_type_id":57,"filename":"319525-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319525,"width":430,"window_params":"","banner_url":"","id":3024373,"href":"","height":269}],"demoUrl":"/demo/319525.html","image":"https://s.tmimgcdn.com/scr/319500/agencypro-digital-agency-html-template_319525-original.jpg","searchHash":"13b7eb40d3630d811dc4b748feb6968b","previewHash":"23c8f1d45298b4f68d14d3824ca01af9","authorNickname":"Softivus","lowLevelTopic":"Marketing Agency Templates; Outsourcing Company Templates; IT Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":1,"finalPrice":34,"discountPercent":30,"discountAmount":15,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"26362065","uniqueKeywords":"agency,agency html template,agency website template,best agency html template,design agency,design studio,digital agency html,digital marketing agency,modern agency,startup agency,template,unique,web design agency,financial,consulting,marketing","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"AgencyPro - Digital Agency HTML TemplateAre you searching for a reliable digital agency HTML template for your website? Look no further than AgencyPro. Our","isLastAdded":"1","bootstrapVersion":"5.2.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78086583/fdd2b741b7afe8f75ee0aa6b79054096.jpg, https://s3u.tmimgcdn.com/u78086583/8f6667026dbc0c86017412b332acd2c7.jpg, https://s3u.tmimgcdn.com/u78086583/fac3f4fb310262c2ae70592cb0ba07b7.jpg, https://s3u.tmimgcdn.com/u78086583/6026cd9fa4003ceff81a895cf40462e7.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","GPL License","Light Template","Dropdown Menu","Google map","Tabs","Performance Optimization","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://pixner.net/agencypro/","authorUserId":"78086583","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78086583/88c3e758771ec1b65c56f6ad7584bf71.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","demoMetaDescription":"Prior to buying it, get knowledgeable about the AgencyPro - Digital Agency HTML Template Website Template (#319525) by enjoying the live preview. Go through the pages, check the images, press the buttons, explore the functionality.","shortDescription":"<h2>AgencyPro - Digital Agency HTML Template</h2><p>Are you searching for a reliable digital agency HTML template for your website? Look no further than AgencyPro. Our HTML template is built on the latest Bootstrap 5.x framework, which guarantees maximum compatibility with modern web technologies. With its user-friendly interface, responsive layout, and all valid HTML5 files, AgencyPro is the perfect solution for your digital agency website needs.In today's digital world, having a visually appealing and user-friendly website is crucial for any business looking to establish an online presence. With the increasing demand for web development services, digital agencies are constantly seeking ways to enhance their web design and development processes. AgencyPro, a Digital Agency HTML Template, offers a solution to this challenge with its Bootstrap 5.x Framework, user-friendly interface, responsive layout, and all-valid HTML5 files.</p><p>HTML templates are pre-designed web pages that can be customized to suit your specific needs. AgencyPro is a digital agency template designed for web development agencies that want to create stunning websites for their clients. With AgencyPro, you don't have to start from scratch; the template provides you with pre-designed pages and sections that you can customize to meet your clients' needs. This template is optimized for SEO and mobile-friendly, making it an excellent choice for digital agencies looking to create high-quality websites.</p><h3>Bootstrap 5.x Framework:</h3><p>One of the main features of AgencyPro is its use of Bootstrap 5.x Framework. Bootstrap is a popular HTML, CSS, and JavaScript framework used for developing responsive and mobile-first websites. The framework provides you with a set of tools and guidelines that help you create a website that is compatible with all devices and browsers. AgencyPro uses Bootstrap 5.x, the latest version of the framework, which is optimized for modern web development practices.</p><h3>User-Friendly Template</h3><p>Another key feature of AgencyPro is its user-friendly interface. The template is designed to be easy to use, even for those without any prior web development experience. With AgencyPro, you can create stunning websites without having to spend hours learning how to use complicated web design software. The template is highly customizable, allowing you to add your own branding, content, and images. Additionally, AgencyPro provides you with detailed documentation and support, making it easy to get started with the template.</p><h3>Responsive Layout</h3><p>In today's mobile-first world, having a website that is optimized for mobile devices is crucial. AgencyPro is designed to be responsive, meaning it adapts to the size of the screen on which it is viewed. This ensures that your website looks great on all devices, including desktops, tablets, and smartphones. Additionally, responsive design is a crucial factor for Google when it comes to ranking websites in search engine results pages (SERPs).</p><h3>All Valid HTML5 Files</h3><p>Finally, AgencyPro is built using all valid HTML5 files. This means that the template is optimized for search engines and provides a solid foundation for your website's SEO efforts. Valid HTML5 code also ensures that your website is accessible and usable for all users, regardless of their device or browsing preferences.</p><h3>Full Features List</h3><ul><li>Unique Home pages including Dark and Light Version</li><li>16+ Inner pages</li><li>Based on Bootstrap 5.x</li><li>100% Responsive</li><li>Flat, modern and clean design.</li><li>Retina Ready.</li><li>SEO on-page optimized.</li><li>SCSS. file.</li><li>UX ready.</li><li>Touch Friendly.</li><li>Integrated google maps.</li><li>Typography</li><li>W3C Validate Code</li><li>Sticky Menu</li><li>Full UI Kit elements with lots of features</li><li>Clean and commented code</li><li>Valid HTML5 / CSS3</li><li>HTML & CSS & JS files are included</li><li>24/7 Awesome Support</li><li>Detailed documentation</li></ul><h3><strong>Sources and Credits </strong></h3><ul><li>jQuery</li><li>bootstrap</li><li>progressbar</li><li>swiper js</li><li>counterup</li><li>animate</li><li>wow</li></ul><h3>FAQs:</h3><p><strong>Q1. Is the AgencyPro template customizable?</strong></p><p>Yes, AgencyPro is highly customizable, allowing you to add your branding, content, and images.</p><p><strong>Q2. Does AgencyPro come with documentation and support?</strong></p><p>Yes, AgencyPro provides you with detailed documentation and support, making it easy to get started with the template.</p><p><strong>Q3. Is the AgencyPro template responsive?</strong></p><p>Yes, AgencyPro is designed to be responsive, ensuring that your website looks great on all devices.</p><p><strong>Q4. What is Bootstrap 5.x Framework?</strong></p><p>Bootstrap 5.x Framework is a popular HTML, CSS, and JavaScript framework used for developing responsive and mobile-first websites.</p><p><strong>Q5. Why is valid HTML5 code important?</strong></p><p>Valid HTML5 code is essential for SEO and ensures that your website is</p><h3><br></h3>","tags":["agency","consulting","financial","marketing","template","unique","design studio","web design agency","digital marketing agency","design agency","startup agency","agency html template","agency website template","best agency html template","digital agency html","modern agency"],"customUrl":"/website-templates/agencypro-digital-agency-html-template-319525.html","nameOfTheTemplate":"AgencyPro - Digital Agency HTML Template","paidSupport":"Yes","topic":["Marketing Agency Templates","Outsourcing Company Templates","IT Templates","Business & Services"],"styles":["Clean","Corporate","Flat"],"marketplaceMembership":"One","excerpt":"AgencyPro - a reliable digital agency HTML template built on Bootstrap 5.x with a user-friendly interface, responsive layout, and valid HTML5 files","advImage":"https://s3u.tmimgcdn.com/u78086583/fbb429b69c701ec33247f85fffba2b89.jpg","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 10:50:39 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=319525&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=319525&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=319525&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 30 Nov 2024 10:55:39 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://pixner.net/agencypro/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#319525 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/319525.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 #319525            </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=319525&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>