string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=325711&expand=properties"
string(12622) "[{"templateId":325711,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"RYU - IT Solutions &amp; Digital Agency Portfolio Template","templateDemoHtmlTitle":"Demo Preview for RYU - IT Solutions &amp; Digital Agency Portfolio Template #325711","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>RYU</strong> is an innovative and modern <strong>HTML5 template</strong> designed to meet the needs of <strong>IT solutions</strong> and digital agencies. Its sleek and professional design, combined with powerful features, makes it the perfect choice for showcasing your portfolio and attracting new clients.</p><p>With RYU, you can easily highlight your services, display your team members, and showcase your previous projects in a visually appealing manner. Its fully responsive layout ensures that your website will look great on all devices, from desktop computers to smartphones and tablets.</p><p>Whether you're a small startup or a large agency, RYU has everything you need to create a stunning online presence. Its flexible and easy-to-use design allows you to customize every aspect of the template to match your brand and style.</p><p>So why wait? Purchase RYU today and take your <strong>IT solution</strong> or <strong>digital agency</strong> portfolio to the next level!</p><h3>Features</h3><p>· Dark Mode</p><p>· Sass Build</p><p>· Clean and modern design</p><p>· Fully responsive layout</p><p>· Cross-browser compatibility</p><p>· Retina ready</p><p>· Seo Friendly Structure</p><p>· Smooth animations and transitions</p><p>· Working contact form</p><p>· Font Awesome icons</p><p>· Easy customization</p><p>· Detailed documentation</p><p>· &amp; much more…</p><h3>Files Included</h3><p>1. 4 Home Pages.</p><p>2. 1 Services Page</p><p>3. 1 Service Detail Page</p><p>4. 1 Team Page</p><p>5. 1 Team Detail Page</p><p>6. 1 Portfolio</p><p>7. 1 About Page</p><p>8. 1 Contact Page</p><p>9. 1 Blogs Listing Page</p><p>10. 1 Blog Detail Page</p><p>11. 1 Faq Page</p><p>12. 1 Coming Soon Page</p><p>13. 1 404 Page</p><h3>Credits</h3><p>RYU designed using free resources. Please read below.</p><h3>Images</h3><p>Images are used from -</p><p>1. Unsplash</p><p>2. Pexels</p><p>3. Freepik</p><p><strong> Images are just used for demo purpose only.</strong></p><h3>Icons</h3><p>Icons are used from -</p><p>· Font Awesome</p><h3>Fonts</h3><ol><li>Givonic used in RYU license file included</li></ol><h3>CSS Plugins</h3><ul><li>Bootstrap (http://getbootstrap.com)</li><li>Font Awesome (https://fontawesome.com)</li><li>Slick Slider (https://kenwheeler.github.io/slick/)</li><li>Sal Scroll (https://mciastek.github.io/sal/)JavaScript</li><li>jQuery (http://jquery.com/)</li><li>Bootstrap (http://getbootstrap.com)</li><li>Slick (https://kenwheeler.github.io/slick/)</li><li>jQuery Appear (https://github.com/morr/jquery.appear/)</li><li>Sal Scroll (https://mciastek.github.io/sal/)</li><li>jQuery Validator (https://jqueryvalidation.org/)</li></ul>","templateFullTitle":"RYU - IT Solutions &amp; Digital Agency Portfolio Template","templatePreviewMetaDescription":"RYU is an innovative and modern HTML5 template designed to meet the needs of IT solutions and digital agencies. Its sleek and professional design, combined","templateDemoMetaDescription":"The demo of this RYU - IT Solutions &amp; Digital Agency Portfolio Template Website Template (#325711) is presented here for you to get the look and feel of the theme before you purchase it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"RYU - IT Solutions &amp; Digital Agency Portfolio Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/ryu-it-solutions-amp-digital-agency-portfolio-template-325711.html","userRating":"5","designIndex":1,"authorUserId":"78157538","exclusive":"1","state":1,"price":18,"inserted_date":"2023-04-03","sent":0,"downloads":8,"search_words":"corporate creative finance technology business multipurpose startup it solutions it agency digital agency creative agency seo company services portfolio company digital digital services agency responsive it services","is_adult":0,"exc_price":2100,"sent_date":"2023-04-03 13:11:56","last_upload":"2024-05-24 04:50:20","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3055299,"templ_id":325711,"filename":"325711-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":3055300,"templ_id":325711,"filename":"325711-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":3055301,"templ_id":325711,"filename":"325711-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":3055302,"templ_id":325711,"filename":"325711-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":3055303,"templ_id":325711,"filename":"325711-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/325711.html","image":"https://s.tmimgcdn.com/scr/325700/ryu-it-solutions-amp-digital-agency-portfolio-template_325711-original.png","searchHash":"5c26f46c6a9f1dd07503d5b4365c1e31","previewHash":"3424ef1f653090d7db75913db5b0c82c","authorNickname":"uiparadox","lowLevelTopic":"Marketing Agency Templates; Advertising Agency Templates; Outsourcing Company Templates; IT Templates; Software Company Templates","weightedRating":4.1818181818182,"annualSale":3,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":1,"finalPrice":13,"discountPercent":30,"discountAmount":5,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Light Template","Blog","Portfolio","JQuery","HTML plus JS","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Dark","Futurist","Web2.0","Flat"],"isLastAdded":"1","topic":["Marketing Agency Templates","Advertising Agency Templates","Outsourcing Company Templates","IT Templates","Software Company Templates","Software Templates","Business & Services","Computers & Internet"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agency","business","company","corporate","creative","digital","finance","multipurpose","portfolio","responsive","services","startup","technology","digital agency","creative agency","it solutions","it services","digital services","seo company","it agency"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"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","excerpt":"<p>Create a stunning online presence for your IT solutions and digital agency portfolio with RYU. Your go-to digital agency and IT solutions website template awaits!</p>","nameOfTheTemplate":"RYU - IT Solutions &amp; Digital Agency Portfolio Template","shortDescription":"<p><strong>RYU</strong> is an innovative and modern <strong>HTML5 template</strong> designed to meet the needs of <strong>IT solutions</strong> and digital agencies. Its sleek and professional design, combined with powerful features, makes it the perfect choice for showcasing your portfolio and attracting new clients.</p><p>With RYU, you can easily highlight your services, display your team members, and showcase your previous projects in a visually appealing manner. Its fully responsive layout ensures that your website will look great on all devices, from desktop computers to smartphones and tablets.</p><p>Whether you're a small startup or a large agency, RYU has everything you need to create a stunning online presence. Its flexible and easy-to-use design allows you to customize every aspect of the template to match your brand and style.</p><p>So why wait? Purchase RYU today and take your <strong>IT solution</strong> or <strong>digital agency</strong> portfolio to the next level!</p><h3>Features</h3><p>· Dark Mode</p><p>· Sass Build</p><p>· Clean and modern design</p><p>· Fully responsive layout</p><p>· Cross-browser compatibility</p><p>· Retina ready</p><p>· Seo Friendly Structure</p><p>· Smooth animations and transitions</p><p>· Working contact form</p><p>· Font Awesome icons</p><p>· Easy customization</p><p>· Detailed documentation</p><p>· &amp; much more…</p><h3>Files Included</h3><p>1. 4 Home Pages.</p><p>2. 1 Services Page</p><p>3. 1 Service Detail Page</p><p>4. 1 Team Page</p><p>5. 1 Team Detail Page</p><p>6. 1 Portfolio</p><p>7. 1 About Page</p><p>8. 1 Contact Page</p><p>9. 1 Blogs Listing Page</p><p>10. 1 Blog Detail Page</p><p>11. 1 Faq Page</p><p>12. 1 Coming Soon Page</p><p>13. 1 404 Page</p><h3>Credits</h3><p>RYU designed using free resources. Please read below.</p><h3>Images</h3><p>Images are used from -</p><p>1. Unsplash</p><p>2. Pexels</p><p>3. Freepik</p><p><strong> Images are just used for demo purpose only.</strong></p><h3>Icons</h3><p>Icons are used from -</p><p>· Font Awesome</p><h3>Fonts</h3><ol><li>Givonic used in RYU license file included</li></ol><h3>CSS Plugins</h3><ul><li>Bootstrap (http://getbootstrap.com)</li><li>Font Awesome (https://fontawesome.com)</li><li>Slick Slider (https://kenwheeler.github.io/slick/)</li><li>Sal Scroll (https://mciastek.github.io/sal/)JavaScript</li><li>jQuery (http://jquery.com/)</li><li>Bootstrap (http://getbootstrap.com)</li><li>Slick (https://kenwheeler.github.io/slick/)</li><li>jQuery Appear (https://github.com/morr/jquery.appear/)</li><li>Sal Scroll (https://mciastek.github.io/sal/)</li><li>jQuery Validator (https://jqueryvalidation.org/)</li></ul>","uniqueKeywords":"corporate,creative,finance,technology,business,multipurpose,startup,it solutions,it agency,digital agency,creative agency,seo company,services,portfolio,company,digital,digital services,agency,responsive,it services","advImage":"https://s3u.tmimgcdn.com/u78157538/e5a4b7baa949eb8f4cf0b29763c85642.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/de81be4eb4c1441412a2fb74925599d5.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78157538/fc93301a6bb5853be8bc191cfe04911a.png","livePreviewURL":"https://uiparadox.co.uk/templates/ryu/v2/","metaDescription":"RYU is an innovative and modern HTML5 template designed to meet the needs of IT solutions and digital agencies. Its sleek and professional design, combined","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo of this RYU - IT Solutions &amp; Digital Agency Portfolio Template Website Template (#325711) is presented here for you to get the look and feel of the theme before you purchase it. Go through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/website-templates/ryu-it-solutions-amp-digital-agency-portfolio-template-325711.html","productSize":"22740865","trendiness":"1","frameworks":"None","reviewsTotal":"1","reviewAverageScore":"5","changeLog":"## 15 May, 2024\n\n- Hero Banner Design of index-2 updated;\n- Service section on index-1 on index-2 issues fixed;\n- About Us page responsive issue fixed;\n- Team Section Design Updated;\n- Colors are Updated on Dark Mode;\n- Countdown Issue fixed;\n- Responsive Issues fixed.\n\n## October 10, 2023\n\n- Home 1 Header Design Improvement\n- Footer Design Improvement\n- Input Fields Design Improvement\n- Responsive Fixing \n- Blog Detail Image change\n- FAQ's Layout Fixing\n- Team Detail Layout Fixing","changeLogDate":"2024-05-24","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: Wed, 27 Nov 2024 00:35:45 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=325711&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=325711&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=325711&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 27 Nov 2024 00:40:45 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/ryu/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#325711 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/325711.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 #325711            </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=325711&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>