string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=98021&expand=properties"
string(10324) "[{"templateId":98021,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Solve - IT Solutions &amp; Company  HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Solve - IT Solutions &amp; Company  HTML5 Website Template #98021","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Solve</strong> – Is a responsive It solutions and services company HTML template. Developed with the latest HTML5 and CSS technology, based on the Bootstrap Framework. Solve offers many various possibilities which will help you easily create a beautiful, stunning and unique website. Solve is the perfect template choice when starting your next It solutions, It management, It consultant, Cyber security, agency, data science, analytics, machine learning and robotics website. It has a pixel-perfect design and clean coding which assures the highest quality standards. Inside the package there are HTML files of all pages optimized in order to perform in a simple and fast any customization.</p><p><br></p><h2>Main features:</h2><ul><li>W3C Validate Code</li><li>Easy to Customize</li><li>Google Fonts Included</li><li>100% Responsive and Mobile Friendly</li><li>Build With Bootstrap</li><li>Clean & Simple Design</li><li>Retina Ready</li><li>Working contact form with validation</li><li>Well Documented</li><li>06+ Unique Homepages</li><li>Smooth CSS3 Animation</li><li>Fixed Footer</li><li>Off-canvas Menu</li><li>Sass Supported</li><li>Html5 & Css3</li><li>Fully Responsive</li><li>Tested with multiple device</li><li>Bootstrap v4.3.1</li><li>Beautiful and Unique Design</li><li>Clean Markup</li><li>W3 validate Markup</li><li>Easy to Customize</li><li>Working contact form</li><li>Fully compatible for all major browsers such as Firefox, Safari, Chrome, Vivaldi, Internet Explorer 9+</li></ul><p><strong>20  February 2023</strong></p><ol><li>New Pages Added</li><li>New Coding & CSS Added</li><li>New Images Added</li><li>Fixed Others Issue </li></ol><p><strong>01 June 2022</strong></p><ol><li>New Coding & CSS Added</li><li>Latest File</li></ol><p><strong>11 October 2021</strong></p><ol><li>Hew Pages Added</li><li>Fixed CSS Issue</li><li>Update The File</li></ol>","templateFullTitle":"Solve - IT Solutions &amp; Company  HTML5 Website Template","templatePreviewMetaDescription":"Solve – Is a responsive It solutions and services company HTML template. Developed with the latest HTML5 and CSS technology, based on the Bootstrap","templateDemoMetaDescription":"The live preview for this top quality Solve - IT Solutions & Company  HTML5 Website Template (#98021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Solve - IT Solutions &amp; Company  HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/solve-it-solutions-company-html5-website-template-98021.html","userRating":0,"designIndex":"89","authorUserId":"1753499","exclusive":"1","state":1,"price":39,"inserted_date":"2020-03-11","sent":0,"downloads":10,"search_words":"corporate creative agency digital business information technology it service solutions services company html software startups technology service oddo finance sass","is_adult":0,"exc_price":2100,"sent_date":"2021-02-18 03:21:05","last_upload":"2023-02-21 10:19:55","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"98021-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98021,"width":800,"window_params":"","banner_url":"","id":1917294,"href":"","height":1200},{"scr_type_id":311,"filename":"98021-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98021,"width":800,"window_params":"","banner_url":"","id":1917295,"href":"","height":1200},{"scr_type_id":312,"filename":"98021-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98021,"width":370,"window_params":"","banner_url":"","id":1917296,"href":"","height":370},{"scr_type_id":9,"filename":"98021-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98021,"width":145,"window_params":"","banner_url":"","id":1917297,"href":"","height":156},{"scr_type_id":57,"filename":"98021-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98021,"width":430,"window_params":"","banner_url":"","id":1917298,"href":"","height":645}],"demoUrl":"/demo/98021.html","image":"https://s.tmimgcdn.com/scr/98000/solve-it-solutions-amp-company-html5-website-template_98021-original.jpg","searchHash":"37dc9dabb35f4204a11995b1c39eb040","previewHash":"8bc0b17dca7f21c9346b5638da4e0253","authorNickname":"WEBIT","lowLevelTopic":"Consulting Templates; Marketing Agency Templates; IT Templates; Finance","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","blue"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"5690516","uniqueKeywords":"corporate,creative,agency,digital,business,information,technology,it,service,solutions,services,company,html,software,startups,technology,service,oddo,finance,sass","templateSupportOptions":"[]","changeLog":"11 October 2021 \r\n\r\n    Hew Pages Added \r\n    Fixed CSS Issue \r\n    Update The File \r\n\r\n01 June 2022\r\n\r\n    New Coding &amp; CSS Added \r\n    Latest File\r\n\r\n20  February 2023\r\n\r\nNew Pages Added\r\nNew Coding &amp; CSS Added\r\nNew Images Added\r\nFixed Others Issue","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Solve – Is a responsive It solutions and services company HTML template. Developed with the latest HTML5 and CSS technology, based on the Bootstrap","excludeExclusive":"Yes","bootstrapVersion":"4.2.x","features":["Responsive","Bootstrap","Mobile Layout Included","Multipurpose"],"saleSells":"1","livePreviewURL":"https://html.webit.dreamitsolution.net/solve/","authorUserId":"1753499","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1753499-1583845154617_main-image.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","lastmod":"2022-01-20T10:55:57-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1753499-1583845162580_2.jpg, https://s3u.tmimgcdn.com/1753499-1583845168020_1.jpg, https://s3u.tmimgcdn.com/1753499-1583845174667_3.jpg, https://s3u.tmimgcdn.com/1753499-1583845178933_4.jpg, https://s3u.tmimgcdn.com/1753499-1583845183297_5.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The live preview for this top quality Solve - IT Solutions & Company  HTML5 Website Template (#98021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p><strong>Solve</strong> – Is a responsive It solutions and services company HTML template. Developed with the latest HTML5 and CSS technology, based on the Bootstrap Framework. Solve offers many various possibilities which will help you easily create a beautiful, stunning and unique website. Solve is the perfect template choice when starting your next It solutions, It management, It consultant, Cyber security, agency, data science, analytics, machine learning and robotics website. It has a pixel-perfect design and clean coding which assures the highest quality standards. Inside the package there are HTML files of all pages optimized in order to perform in a simple and fast any customization.</p><p><br></p><h2>Main features:</h2><ul><li>W3C Validate Code</li><li>Easy to Customize</li><li>Google Fonts Included</li><li>100% Responsive and Mobile Friendly</li><li>Build With Bootstrap</li><li>Clean & Simple Design</li><li>Retina Ready</li><li>Working contact form with validation</li><li>Well Documented</li><li>06+ Unique Homepages</li><li>Smooth CSS3 Animation</li><li>Fixed Footer</li><li>Off-canvas Menu</li><li>Sass Supported</li><li>Html5 & Css3</li><li>Fully Responsive</li><li>Tested with multiple device</li><li>Bootstrap v4.3.1</li><li>Beautiful and Unique Design</li><li>Clean Markup</li><li>W3 validate Markup</li><li>Easy to Customize</li><li>Working contact form</li><li>Fully compatible for all major browsers such as Firefox, Safari, Chrome, Vivaldi, Internet Explorer 9+</li></ul><p><strong>20  February 2023</strong></p><ol><li>New Pages Added</li><li>New Coding & CSS Added</li><li>New Images Added</li><li>Fixed Others Issue </li></ol><p><strong>01 June 2022</strong></p><ol><li>New Coding & CSS Added</li><li>Latest File</li></ol><p><strong>11 October 2021</strong></p><ol><li>Hew Pages Added</li><li>Fixed CSS Issue</li><li>Update The File</li></ol>","bitLyUrl":"http://bit.ly/2Q6Gdjf","tags":["agency","business","company","corporate","creative","digital","finance","information","sass","service","services","software","solutions","startups","technology","html","it","oddo"],"customUrl":"/website-templates/solve-it-solutions-company-html5-website-template-98021.html","nameOfTheTemplate":"Solve - IT Solutions &amp; Company  HTML5 Website Template","paidSupport":"Yes","topic":["Consulting Templates","Marketing Agency Templates","IT Templates","Business & Services","Finance"],"changeLogDate":"2023-02-21","styles":["Clean","Corporate","Minimalist","Mobile"],"marketplaceMembership":"One","advImage":"https://s3.tmimgcdn.com/u1753499/templates/53972/scr/A_Fw-QAJ1K3I5lqijJ0Z.jpg","excerpt":"IT solution template, technology and startup template, Business consulting template, software company template, best it solution template.","category":"Website templates","dqi":"89"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 18 May 2024 21:28:40 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=98021&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=98021&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=98021&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 May 2024 21:33:40 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.webit.dreamitsolution.net/solve/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#98021 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/98021.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 #98021            </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=98021&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>