string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=351410&expand=properties"
string(17609) "[{"templateId":351410,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Website Template","templatePreviewHtmlTitle":"Solute - Technology &amp; IT Solutions HTML5 Template","templateDemoHtmlTitle":"Demo for Solute - Technology &amp; IT Solutions HTML5 Template #351410","typeShortName":"Website","templatePreviewFBTitle":"<p>The \"Solute - Technology & IT Solutions HTML5 Template\" is a cutting-edge and versatile web design framework tailored specifically for technology-oriented businesses and IT solution providers. With its sleek and modern aesthetic, Solute offers a powerful foundation for creating a professional and dynamic online presence for your technology-focused enterprise.</p><p>Solute is built upon the latest HTML5 technology, ensuring seamless compatibility across various devices and browsers, resulting in a responsive and visually engaging user experience. Its thoughtfully crafted design elements and layouts are geared towards showcasing your company's expertise, services, and products in a visually appealing manner.</p><p>This template boasts a range of features that cater to the unique needs of the technology industry. The clean and intuitive navigation system allows visitors to effortlessly explore your website and access crucial information. Engaging animations and interactive elements add an element of dynamism, making the browsing experience both enjoyable and informative.</p><p>Whether you specialize in software development, IT consulting, cybersecurity, cloud solutions, or any other tech-related field, Solute provides an array of customizable sections and modules that allow you to present your offerings comprehensively. Highlight your case studies, client testimonials, team members, and portfolio with ease, enabling you to build trust and credibility among potential clients.</p><p>The Solute HTML5 Template also offers a range of practical features that enhance functionality and user engagement. From integrated contact forms that facilitate seamless communication to advanced typography options that enable you to convey your message with precision, Solute empowers you to craft a website that aligns seamlessly with your brand's identity.</p><p>With Solute's easily modifiable components, you can tailor the template to match your unique branding guidelines, ensuring that your website remains consistent with your corporate image. Whether you're a startup looking to establish a strong online presence or an established tech firm seeking a website refresh, the \"Solute - Technology & IT Solutions HTML5 Template\" provides a robust and stylish foundation for your digital journey into the world of technology.</p><p><strong>Certainly, here are some of the notable features of the \"Solute - Technology & IT Solutions HTML5 Template\":</strong></p><ol><li><strong>Responsive Design:</strong> Solute is built with a responsive layout, ensuring that your website looks and functions seamlessly across various devices and screen sizes, including desktops, tablets, and smartphones.</li><li><strong>Modern and Engaging Visuals:</strong> The template features a sleek and modern design with visually appealing graphics, animations, and effects that capture visitors' attention and create a memorable browsing experience.</li><li><strong>Customizable Sections and Modules:</strong> Solute provides a range of pre-designed sections and modules that you can easily customize to showcase your services, products, case studies, team members, and other essential aspects of your technology business.</li><li><strong>Interactive Elements:</strong> Engage your website visitors with interactive elements such as smooth-scrolling navigation, hover effects, and animated content, enhancing user interaction and making your website more captivating.</li><li><strong>Multiple Home Page Layouts:</strong> Choose from a variety of home page layouts to best represent your business, whether you want to focus on services, products, testimonials, or other key features.</li><li><strong>Advanced Typography Options:</strong> Customize text styles, fonts, and typography to effectively communicate your message and maintain a consistent brand identity throughout the website.</li><li><strong>Case Studies and Portfolio Showcase:</strong> Showcase your successful projects and case studies in an organized and visually appealing manner to demonstrate your expertise and track record to potential clients.</li><li><strong>Team Member Profiles:</strong> Introduce your team members with dedicated profile sections, including photos, bios, and social media links, to establish a personal connection with your audience.</li><li><strong>Client Testimonials:</strong> Display client feedback and testimonials to build credibility and trust, showcasing your ability to deliver top-notch technology solutions.</li><li><strong>Integrated Contact Forms:</strong> Seamless integration of contact forms allows visitors to easily get in touch with your team, encouraging inquiries and communication.</li><li><strong>Google Maps Integration:</strong> Provide a physical presence for your business by embedding Google Maps to display your location and make it easier for clients to find you.</li><li><strong>SEO Optimized:</strong> Solute is designed with search engine optimization (SEO) best practices in mind, helping your website rank higher in search engine results and attract organic traffic.</li><li><strong>Cross-Browser Compatibility:</strong> The template is thoroughly tested to ensure compatibility with various web browsers, ensuring a consistent experience for all users.</li><li><strong>Documentation and Support:</strong> Solute comes with detailed documentation to guide you through the installation and customization process. Additionally, customer support may be available to assist with any inquiries or technical issues.</li></ol><p>Incorporating these features, the \"Solute - Technology & IT Solutions HTML5 Template\" empowers technology companies and IT solution providers to create a professional, engaging, and functional online presence that effectively showcases their expertise and services.</p>","templateFullTitle":"Solute - Technology &amp; IT Solutions HTML5 Template","templatePreviewMetaDescription":"The \"Solute - Technology & IT Solutions HTML5 Template\" is a cutting-edge and versatile web design framework tailored specifically for technology-oriented","templateDemoMetaDescription":"Prior to buying it, get yourself knowledgeable about the top quality Solute - Technology &amp; IT Solutions HTML5 Template Website Template (#351410) by enjoying the live preview. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Solute - Technology &amp; IT Solutions HTML5 Template","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/solute-technology-amp-it-solutions-html5-template-351410.html","userRating":0,"designIndex":1,"authorUserId":"10457188","exclusive":"1","state":1,"price":24,"inserted_date":"2023-08-16","sent":0,"downloads":5,"search_words":"agency business company consulting corporate creative digital modern multipurpose portfolio responsive services software startup technical technology particlesjs animation itsolutions bootstrap","is_adult":0,"exc_price":2100,"sent_date":"2023-08-16 11:21:24","last_upload":"2023-08-16 11:33:39","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3183799,"templ_id":351410,"filename":"351410-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3183800,"templ_id":351410,"filename":"351410-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3183801,"templ_id":351410,"filename":"351410-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":3183802,"templ_id":351410,"filename":"351410-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":3183803,"templ_id":351410,"filename":"351410-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/351410.html","image":"https://s.tmimgcdn.com/scr/351400/solute-technology-amp-it-solutions-html5-template_351410-original.jpg","searchHash":"640112a0a44dc0f63eafa2a18c009cc7","previewHash":"48b32fc0c159bcc060fa8e73f8eea6cd","authorNickname":"UrnoIT","lowLevelTopic":"Consulting Templates; IT Templates; Software Company Templates; Web Development Templates","weightedRating":null,"annualSale":5,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":24,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"isLastAdded":"1","topic":["Consulting Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Business & Services","Computers & Internet"],"isFree":"none","color":["black","white","blue"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","tags":["agency","animation","bootstrap","business","company","consulting","corporate","creative","digital","modern","multipurpose","portfolio","responsive","services","software","startup","technical","technology","itsolutions","particlesjs"],"marketplaceMembership":"None","paidSupport":"Yes","authorUserId":"10457188","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.2.x","frameworks":"None","excerpt":"<p>Solute: Empower your tech business. A dynamic HTML5 template for IT solutions, featuring modern design, responsiveness, interactive elements, and easy customization options.</p>","nameOfTheTemplate":"Solute - Technology &amp; IT Solutions HTML5 Template","shortDescription":"<p>The \"Solute - Technology & IT Solutions HTML5 Template\" is a cutting-edge and versatile web design framework tailored specifically for technology-oriented businesses and IT solution providers. With its sleek and modern aesthetic, Solute offers a powerful foundation for creating a professional and dynamic online presence for your technology-focused enterprise.</p><p>Solute is built upon the latest HTML5 technology, ensuring seamless compatibility across various devices and browsers, resulting in a responsive and visually engaging user experience. Its thoughtfully crafted design elements and layouts are geared towards showcasing your company's expertise, services, and products in a visually appealing manner.</p><p>This template boasts a range of features that cater to the unique needs of the technology industry. The clean and intuitive navigation system allows visitors to effortlessly explore your website and access crucial information. Engaging animations and interactive elements add an element of dynamism, making the browsing experience both enjoyable and informative.</p><p>Whether you specialize in software development, IT consulting, cybersecurity, cloud solutions, or any other tech-related field, Solute provides an array of customizable sections and modules that allow you to present your offerings comprehensively. Highlight your case studies, client testimonials, team members, and portfolio with ease, enabling you to build trust and credibility among potential clients.</p><p>The Solute HTML5 Template also offers a range of practical features that enhance functionality and user engagement. From integrated contact forms that facilitate seamless communication to advanced typography options that enable you to convey your message with precision, Solute empowers you to craft a website that aligns seamlessly with your brand's identity.</p><p>With Solute's easily modifiable components, you can tailor the template to match your unique branding guidelines, ensuring that your website remains consistent with your corporate image. Whether you're a startup looking to establish a strong online presence or an established tech firm seeking a website refresh, the \"Solute - Technology & IT Solutions HTML5 Template\" provides a robust and stylish foundation for your digital journey into the world of technology.</p><p><strong>Certainly, here are some of the notable features of the \"Solute - Technology & IT Solutions HTML5 Template\":</strong></p><ol><li><strong>Responsive Design:</strong> Solute is built with a responsive layout, ensuring that your website looks and functions seamlessly across various devices and screen sizes, including desktops, tablets, and smartphones.</li><li><strong>Modern and Engaging Visuals:</strong> The template features a sleek and modern design with visually appealing graphics, animations, and effects that capture visitors' attention and create a memorable browsing experience.</li><li><strong>Customizable Sections and Modules:</strong> Solute provides a range of pre-designed sections and modules that you can easily customize to showcase your services, products, case studies, team members, and other essential aspects of your technology business.</li><li><strong>Interactive Elements:</strong> Engage your website visitors with interactive elements such as smooth-scrolling navigation, hover effects, and animated content, enhancing user interaction and making your website more captivating.</li><li><strong>Multiple Home Page Layouts:</strong> Choose from a variety of home page layouts to best represent your business, whether you want to focus on services, products, testimonials, or other key features.</li><li><strong>Advanced Typography Options:</strong> Customize text styles, fonts, and typography to effectively communicate your message and maintain a consistent brand identity throughout the website.</li><li><strong>Case Studies and Portfolio Showcase:</strong> Showcase your successful projects and case studies in an organized and visually appealing manner to demonstrate your expertise and track record to potential clients.</li><li><strong>Team Member Profiles:</strong> Introduce your team members with dedicated profile sections, including photos, bios, and social media links, to establish a personal connection with your audience.</li><li><strong>Client Testimonials:</strong> Display client feedback and testimonials to build credibility and trust, showcasing your ability to deliver top-notch technology solutions.</li><li><strong>Integrated Contact Forms:</strong> Seamless integration of contact forms allows visitors to easily get in touch with your team, encouraging inquiries and communication.</li><li><strong>Google Maps Integration:</strong> Provide a physical presence for your business by embedding Google Maps to display your location and make it easier for clients to find you.</li><li><strong>SEO Optimized:</strong> Solute is designed with search engine optimization (SEO) best practices in mind, helping your website rank higher in search engine results and attract organic traffic.</li><li><strong>Cross-Browser Compatibility:</strong> The template is thoroughly tested to ensure compatibility with various web browsers, ensuring a consistent experience for all users.</li><li><strong>Documentation and Support:</strong> Solute comes with detailed documentation to guide you through the installation and customization process. Additionally, customer support may be available to assist with any inquiries or technical issues.</li></ol><p>Incorporating these features, the \"Solute - Technology & IT Solutions HTML5 Template\" empowers technology companies and IT solution providers to create a professional, engaging, and functional online presence that effectively showcases their expertise and services.</p>","uniqueKeywords":"agency,business,company,consulting,corporate,creative,digital,modern,multipurpose,portfolio,responsive,services,software,startup,technical,technology,particlesjs,animation,itsolutions,bootstrap","advImage":"https://s3u.tmimgcdn.com/u10457188/6b79c71d86aeeaf532962dee0c3099ad.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u10457188/7a5016e8d24633fc32463ae499b11f18.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u10457188/1815c59093b0eae31de4e833a1632f1b.jpg","livePreviewURL":"https://html.urnothemes.com/solute/","metaDescription":"The \"Solute - Technology & IT Solutions HTML5 Template\" is a cutting-edge and versatile web design framework tailored specifically for technology-oriented","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get yourself knowledgeable about the top quality Solute - Technology &amp; IT Solutions HTML5 Template Website Template (#351410) by enjoying the live preview. View the pages, examine the images, press the buttons, explore the features.","customUrl":"/website-templates/solute-technology-amp-it-solutions-html5-template-351410.html","productSize":"10178864","trendiness":"1","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: Thu, 28 Nov 2024 20:14:09 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=351410&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=351410&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=351410&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 20:19:09 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://html.urnothemes.com/solute/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#351410 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/351410.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 #351410            </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=351410&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $22                <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>